<template>
	<view>
		<cu-custom :key="'header'+headerKey" class='box1' bgColor="bg-gradual-blue" :isBack="true" backText="返回" title="参保信息"></cu-custom>
		<view class="cu-card dynamic position:fixed " v-for="(item, index) in productList" :key="index" style="margin-top: 140rpx;float: left;
position:relative;	width: 750rpx;margin-left: 1rpx">
			<view class="cu-item shadow">
				<view class="cu-form-group ">
					<view class="text-content">
						<text space="ensp" style="font-size: 32rpx;font-weight: bold;">参保险种： {{ item.aae140mc }}</text>
					</view>
				</view> 
					<zh-text :value="item.eac070mc" type="text" label="人员类型"
					labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aac008mc" type="text" label="参保状态"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aab004" type="text" label="参保单位"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aab301mc" type="text" label="统筹区名称"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aac031mc" type="text" label="险种缴费状态"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aac049" type="text" label="首次参保时间"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aae041" type="text" label="本次参保时间"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aae180" type="text" label="缴费基数"
				labelAlign="left" inputAlign="right" ></zh-text>
				<zh-text :value="item.aaz289mc" type="text" label="缴费档次"
				labelAlign="left" inputAlign="right" ></zh-text>
			</view>
		</view>
	</view>
</template>
<script>
import store from '@/store';
import api from '@/api/society/my/insurance.js';
import reqConfig from '@/common/config/reqConfig.js';
export default {
	onShow() {
		this.headerKey += 1;
	},
	data() {
		return {
			headerKey:0,
			productList: '',
			idcard: store.state.hh_user.idcard
		};
	},
	methods: {
		indexs: function() {
			const data = {};
			data.idcard = this.idcard;
			this.$http
				.post(api.getBusinessCard, data)
				.then(res => {
					this.show = true;
					this.productList = res.result.personInsuredVOList;
				})
				.catch(err => {});
		}
	},
	mounted() {
		//自动加载indexs方法
		this.indexs();
	}
};
</script>
<style>
.box1 {
	white-space: normal;
	width: 750upx;
	height: 400upx;
	padding: 0upx;
	margin-top: 0upx;
	margin-left: 0upx;
	float: left;
	position: absolute;
	top: 0upx;
	left: 0upx;
	background-image: linear-gradient(223deg, #19b8b9 0%, #0182fe 100%);
	border-radius: 0upx;
	border-bottom-left-radius: 100upx;
	border-bottom-right-radius: 100upx;
	font-size: 20rpx;
}
,
.cu-card.dynamic > .cu-item > .text-content {
	margin-bottom: 1px;
	margin-top: 6px;
}
.cu-form-group {
	height: -11115rpx;
}
</style>
